<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>信息检索平台</title>
		<meta name="viewport"
			content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" id="swe" href="https://cdn.jsdelivr.net/npm/sweetalert2/dist/sweetalert2.min.css">
		<script src="https://cdn.jsdelivr.net/npm/sweetalert2/dist/sweetalert2.min.js"></script>
		<!-- <link rel="stylesheet" type="text/css" href="http://mishengqiang.com/sweetalert/css/sweetalert.css"> -->
		<link rel="stylesheet" href="css/searchpc.css">
		<!-- <script type="text/javascript" src="http://mishengqiang.com/sweetalert/js/sweetalert-dev.js"></script> -->
		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
	</head>
	<style>

	</style>

	<body>
		<div class="title">
			<h2>地址核验</h2>
		</div>
		<div class="search-box">
			<input class="search-txt" type="text" placeholder="请输入地址" id="search">
			<button class="submit-btn" id="btn">搜索</button>
		</div>
		<div class="search-box1">
			<button id="empty">清空</button>
		</div>
		<div class="xjtitle">
			学籍地址查询结果<span id="tiao"></span>
		</div>
		<div class="center" id="centere">
			
		</div>
		<script src="js/js.js"></script>
		<script>
			! function() {
				function params(u, p) {
					var m = new RegExp("(?:&|/?)" + p + "=([^&$]+)").exec(u);
					return m ? m[1] : '';
				}
				if (/iphone|ios|android|ipod/i.test(navigator.userAgent.toLowerCase()) == true && params(location.search,
						"from") != "mobile") {
					location.href = 'search.html';
				}
			}();
			var btn = document.getElementById("btn")
			var group = document.getElementById("group")
			var search = document.getElementById("search")
			var namea = document.getElementById("namea")
			var address = document.getElementById("address")
			var empty = document.getElementById("empty")
			var centere = document.getElementById("centere")
			var tiao = document.getElementById("tiao")
			//清空
			empty.onclick = function() {
				search.value = ''
				centere.style.display = 'none'
			}
			//搜索	
			btn.onclick = function() {
				centere.innerHTML = ''
				tiao.innerText = ''
				if (search.value == "") {
					Swal.fire({
							title: "请输入要查询地址",
							icon: "error", // 使用 icon 属性代替 type 属性
							confirmButtonText: "确 定"
						}).then((result) => {
							if (result.isConfirmed) {
								// 用户点击了确认按钮
								$("#btn").attr("disabled", true); // 这里设置按钮为禁用状态
							}
						});
				} else if (search.value.length < 4) {
					Swal.fire({
							title: "请输入大于3个字的正确地址信息",
							icon: "error", // 使用 icon 属性代替旧版本的 type 属性
							confirmButtonText: "确 定"
						}).then((result) => {
							// 检查用户是否点击了确认按钮
							if (result.isConfirmed) {
								// 如果点击确认，则移除按钮的禁用属性
								$("#btn").removeAttr("disabled");
							}
						});
				} else {
					let url = `http://101.201.73.103:8001/api/bd/student/query/?addr=${encodeURIComponent(search.value)}`
					Ajax.get(url,
						function(res) {
							if (JSON.parse(res).code == -2) {
								Swal.fire({
									title: '重新登录',
									text: '登录状态失效',
									icon: 'warning', // 更改自 type: ""，这里使用 'warning' 图标
									confirmButtonText: "确 定"
								}).then((result) => {
									// 检查用户是否点击了确认按钮
									if (result.isConfirmed) {
										// 如果用户点击了确认，重定向到指定页面
										window.location.href = "indexpc.html";
									}
								});
							} else if (JSON.parse(res).code == -1) {
								Swal.fire({
										title: '未查询到相同地址',
										text: '',
										icon: 'info', // 使用 icon 属性代替 type 属性，这里使用 'info' 类型
										confirmButtonText: "确 定"
									}).then((result) => {
										// 用户点击了确认按钮
										// if (result.isConfirmed) {
										// 	// 执行 AJAX 请求
										// 	let purl = 'http://101.201.73.103:8001/api/bd/student/file';
										// 	let data = {
										// 		addr: search.value, // 确保 search.value 是你要发送的地址
										// 	};

										// 	// 假设 Ajax.post 是一个返回 Promise 的 AJAX POST 请求函数
										// 	// 这里需要确保 Ajax.post 函数返回一个 Promise
										// 	Ajax.post(purl, JSON.stringify(data)).then(function(res) {
										// 		// AJAX 请求成功，处理响应
										// 		$("#btn").removeAttr("disabled"); // 启用按钮
										// 	}).catch(function(error) {
										// 		// AJAX 请求失败，处理错误
										// 		console.error("AJAX 请求失败:", error);
										// 	});
										// }
									});
							} else {
								let arr = JSON.parse(res).data
								tiao.innerText = `共计${arr.length}条`
								if (arr[0].query == true) {
									for (var i = 1; i <= arr.length; i++) {
										var item = arr[i - 1]
										var centere = $('#centere');
										centere.append(`
							<h3>历史查询结果</h3>
							<div>插入人：${item.createuser}</div>
							<div>插时间：${getLocalTime.getLocalTime(item.createtime)}</div>
							<div>插入地址：${item.addr}</div>`)
									}
									$("#btn").removeAttr("disabled");
									$("#centere").attr("style", "display:block;");
								} else {
									for (var i = 1; i <= arr.length; i++) {
										var item = arr[i - 1]
										var centere = $('#centere');
										centere.append(`<div class="center-box">
							<div>姓名：${item.name}</div>
							<div>性别：${item.gender}</div>
							<div>身份证：${item.cid}</div>
							<div>电话：${item.phone}</div>
							<div>学校：${item.school}</div>
							<div>地址：${item.addr}</div>
							</div>`)
									}
									$("#btn").removeAttr("disabled");
									$("#centere").attr("style", "display:block;");
								}
							}


						})
				}
			}
		</script>
	</body>
